JS中的鼠标滚轮事件(onmousewheel、判断滚动的wheelDelta、detail,取消浏览器默认行为的preventDefault()方法) 您所在的位置:网站首页 jq 鼠标滚动事件 JS中的鼠标滚轮事件(onmousewheel、判断滚动的wheelDelta、detail,取消浏览器默认行为的preventDefault()方法)

JS中的鼠标滚轮事件(onmousewheel、判断滚动的wheelDelta、detail,取消浏览器默认行为的preventDefault()方法)

2023-09-21 10:09| 来源: 网络整理| 查看: 265

onmousewheel事件:会在鼠标滚轮滚动的时候被触发,对鼠标滚轮是否滚动进行判断,但是火狐浏览器不支持这个属性。DOMMouseScroll可以为火狐浏览器绑定滚动事件,它需要通过addEventListener函数来绑定。

event.wheelDellta:可以用来获取鼠标的滚动方向,对于得到的值,只看正负,往上滚是正值,往下滚是负值。火狐浏览器不支持这个方法,需要会用event.detail来获取滚轮的滚动方向,向上是负值,向下是正值。

在页面有滚动条的时候,滚动条会随着鼠标滚轮滚动而滚动,这是浏览器的默认行为,可用return false来取消浏览器的默认行为。

使用addEventListener函数来绑定的响应函数,不能使用return false来取消浏览器的默认行为,需要使用event.preventDefault来取消默认行为,ie8中使用event.preventDefault来取消默认行为会报错。

绑定的对象.addEventListener(事件字符串,回调函数,false); event.preventDefault;//在使用addEventListener来绑定响应函数的时候取消浏览器默认行为


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有